import React from 'react';

// 通过 data-attributes 传递参数
class DataAttributes extends React.Component {
  
  getData(e){
    console.log("e.dataset",e.target.dataset);// {id: 'aa', testId: 'bb'}
    console.log("e.dataset",e.target.dataset.id);// aa
    console.log("e.dataset",e.target.dataset.testId);// bb,需要使用驼峰格式
    console.log("e.dataset",e.target.getAttribute("data-id"));// aa
    console.log("e.dataset",e.target.getAttribute("data-test-id"));// bb
    console.log("e.dataset",e.target.getAttribute("set"));// 2022
  }

  render() { 
    return (
      <>
        <button onClick={e => this.getData(e)} data-id="aa" data-test-id="bb" set="2022" >点击获取data属性</button>
      </>
    );
  }
}
 
export default DataAttributes;